iT邦幫忙

2021 iThome 鐵人賽

DAY 4
1
Modern Web

看一般人要怎樣使用 Python以及 Django開發一個過得去的應用系列 第 4

【Day4】前端React +Antd 的環境(Docker化)建立 (中)

  • 分享至 

  • xImage
  •  

相關工具的上手

1. javascript理解:

建議先入門 ( JavaScript 教程 ):JavaScript 教程

大略瀏覽即可: ECMAScript 6 入門

2. React.js 理解, 上手, 實作:

簡單來說 React js 就是以組件的方式把 html 跟 javascript 有機的組合起來使用,跟原本把 html,css 還有javascript 分開的潮流是相反的就是了。

React js 官網的教學跟文件
裡面簡單的使用最新的React Hook構建了一個應用,建議可以先看教學在看文件。

https://zh-hant.reactjs.org/tutorial/tutorial.html

中文好看中文版,英文好看英文版;就降。

【前端速成】React 快速入門|Tiktok工程師帶你入門前端|布魯斯前端
Yes

React JS Crash Course 2021
Yes

2. React.js相關組件(UmiJS、Dva): 理解, 上手, 實作

UmiJS介紹:https://juejin.cn/post/6844904197331091464

UmiJS上手:https://umijs.org/zh-CN/docs/getting-started

DvaJS就介紹跟上手:https://dvajs.com/guide/

3. React.js + Antd: 理解, 上手, 實作:

Ant Design of React介紹: 簡單來說就是螞蟻金服的一個開源的中後台管理UI庫,提供了很多的 React組件跟很多方便的工具給開發者能夠更快速的開發。

Ant Design of React快速上手

4. 基於其上的 Antd-admin 理解, 上手, 實作:

AntD Admin: 大致上就是基於上面的組件搭建而成的後台面板,我使用的原因也是因為能加速我開發UI的速度,

AntD Admin項目地址

項目的預覽地址:antd-admin.zuiidea.com

項目上手:https://doc.antd-admin.zuiidea.com/#/zh-cn/


上一篇
【Day3】前端React +Antd 的環境(Docker化)建立 (上)
下一篇
【Day5】後端設定(前端的建立在晚一點)
系列文
看一般人要怎樣使用 Python以及 Django開發一個過得去的應用12
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言